<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>卡斯基车务</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../css/common.css" />
    <link rel="stylesheet" href="../../../css/zuzhang/banli/zuzhang_banli_progress.css" />
    <script type="text/javascript" src="../../../lib/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="../../../lib/underscore.js"></script>
    <script type="text/javascript" src="../../../lib/global.js"></script>
</head>
<body>
<div class="car_trial">
    <span class="font20 colorfff">车辆年检过审</span>
    <img src="../../../images/add.png"/>
</div>
<div class="mainContainer">
    <!--总余时间剩余小于30分钟时的状态-->
    <div class="order_access">
        <img src="../../../images/car_pic.png"/>
        <div class="step_name">
            <span class="font14 color4e4 step">黑色</span>
            <span class="font14 color4e4 step step_1">法拉利</span>
            <span class="font12 colorff6 pick">进行中</span>
        </div>
        <div class="car_information">
            <span class="font12 color9a9 car1">京N-B88888</span>
            <span class="font12 color796 car4">00:29:00</span>
            <span class="font12 color796 car4">总余：</span>
        </div>
        <div class="car_information_1">
            <span class="font12 color9a9">发动机号：</span>
            <span class="font12 color9a9">BX32SDD</span>
            <span class="font12 color9a9 car6">车架号：</span>
            <span class="font12 color9a9">110862</span>
        </div>
    </div>
    <!--总余时间剩余大于30分钟小于60分钟时的状态-->
    <!--<div class="order_access_1">
        <img src="../../images/car_pic.png"/>
        <div class="step_name">
            <span class="font14 color4e4 step">黑色</span>
            <span class="font14 color4e4 step step_1">法拉利</span>
            <span class="font12 coloreeb pick">进行中</span>
        </div>
        <div class="car_information">
            <span class="font12 color9a9 car1">京N-B88888</span>
            <span class="font12 color796 car4">00:59:00</span>
            <span class="font12 color796 car4">总余：</span>
        </div>
        <div class="car_information_1">
            <span class="font12 color9a9">发动机号：</span>
            <span class="font12 color9a9">BX32SDD</span>
            <span class="font12 color9a9 car6">车架号：</span>
            <span class="font12 color9a9">110862</span>
        </div>
    </div>-->
    <!--总余时间大于60分钟时的状态-->
    <!--<div class="order_access_2">
        <img src="../../images/car_pic.png"/>
        <div class="step_name">
            <span class="font14 color4e4 step">黑色</span>
            <span class="font14 color4e4 step step_1">法拉利</span>
            <span class="font12 color4ec pick">进行中</span>
        </div>
        <div class="car_information">
            <span class="font12 color9a9 car1">京N-B88888</span>
            <span class="font12 color796 car4">03:00:00</span>
            <span class="font12 color796 car4">总余：</span>
        </div>
        <div class="car_information_1">
            <span class="font12 color9a9">发动机号：</span>
            <span class="font12 color9a9">BX32SDD</span>
            <span class="font12 color9a9 car6">车架号：</span>
            <span class="font12 color9a9">110862</span>
        </div>
    </div>-->
    <!--该订单出现问题时候的状态-->
    <!--<div class="order_access_3">
        <img src="../../images/car_pic.png"/>
        <div class="step_name">
            <span class="font14 colore22 step">黑色</span>
            <span class="font14 colore22 step step_1">法拉利</span>
            <span class="font12 colore22 pick">出问题</span>
        </div>
        <div class="car_information">
            <span class="font12 color9a9 car1">京N-B88888</span>
            <span class="font12 color796 car4">暂停计时</span>
        </div>
        <div class="car_information_1">
            <span class="font12 color9a9">发动机号：</span>
            <span class="font12 color9a9">BX32SDD</span>
            <span class="font12 color9a9 car6">车架号：</span>
            <span class="font12 color9a9">110862</span>
        </div>
    </div>-->
    <ul class="progress_list">
        <!--该步骤已完成状态样式-->
        <li>
            <div class="left_circle">
                <div class="circle">
                    <span class="font20 colorfff">1</span>
                </div>
                <div class="moving_line"></div>
            </div>
            <div class="progress_content">
                <span class="font14 color4e4">准备材料</span>
                <p class="font12 color4e4">建议各位尽量避开月底。</p>
            </div>
            <div class="user_information">
                <span class="font12 colora29">张小亮亮</span>
                <a href="tel:18688888888" class="font12 colora29">186888888888</a>
            </div>
            <div class="progress_status">
                <span class="font12 color796">17-06-29</span>
            </div>
            <div class="progress_status_1">
                <span class="font12 color796">06:29</span>
            </div>
        </li>
        <!--该步骤进行中状态样式（对应order_access状态进行中时的步骤顺序）-->
        <li>
            <div class="left_circle">
                <div class="circle_2">
                    <span class="font20 colorfff">2</span>
                </div>
                <div class="moving_line_1"></div>
            </div>
            <div class="progress_content">
                <span class="font14 color4e4">申报</span>
                <p class="font12 color4e4">检测站的工作时间一般是上午8:30-12:00,13：00-17:00</p>
            </div>
            <div class="user_information">
                <span class="font12 colora29">张小亮亮</span>
                <a href="tel:18688888888" class="font12 colora29">186888888888</a>
            </div>
            <div class="progress_status">
                <span class="font12 color4ec">进行中</span>
            </div>
            <div class="progress_status_1">
                <span class="font12 color796">06:29</span>
            </div>
        </li>
        <!--该步骤出现问题状态样式（对应order_access状态出问题时的步骤顺序）-->
        <li>
            <div class="left_circle">
                <div class="circle_3">
                    <span class="font20 colorfff">3</span>
                </div>
                <div class="moving_line_2"></div>
            </div>
            <div class="progress_content">
                <span class="font14 color4e4">办理</span>
                <p class="font12 color4e4">所需证件：行驶证正副页，还在有效期内的交强险副本（刚购买的需已生效）。</p>
            </div>
            <div class="user_information">
                <span class="font12 colora29">张小亮亮</span>
                <a href="tel:18688888888" class="font12 colora29">186888888888</a>
            </div>
            <div class="progress_status">
                <span class="font12 colore22">出问题</span>
            </div>
            <div class="progress_status_1">
                <span class="font12 color796">06:29</span>
            </div>
        </li>
        <!--该步骤未开始状态-->
        <li>
            <div class="left_circle">
                <div class="circle_4">
                    <span class="font20 colora29">4</span>
                </div>
                <div class="moving_line_3"></div>
            </div>
            <div class="progress_content">
                <span class="font14 color4e4">审查</span>
                <p class="font12 color4e4">需确认的事项：违章都已处理。</p>
            </div>
            <div class="user_information_1">
                <div class="stop_button">
                    <span class="font10 coloraa5">终止&结算</span>
                </div>
                <div class="question_button">
                    <span class="font10 colore22">出现问题</span>
                </div>
                <div class="start_button">
                    <span class="font10 color17d">开始</span>
                </div>
            </div>
            <div class="progress_status">
                <span class="font12 colord8">未开始</span>
            </div>
        </li>
        <!--最后一个步骤未完成状态样式-->
        <li>
            <div class="left_circle">
                <div class="circle_4">
                    <span class="font20 colora29">5</span>
                </div>
            </div>
            <div class="progress_content">
                <span class="font14 color4e4">结算</span>
                <p class="font12 color4e4">客户支付费用。</p>
            </div>
            <div class="user_information_1 last_info">
                <div class="stop_button">
                    <span class="font10 coloraa5">结算</span>
                </div>
                <div class="question_button">
                    <span class="font10 colore22">出现问题</span>
                </div>
            </div>
            <div class="progress_status">
                <span class="font12 colord8">未开始</span>
            </div>
        </li>
        <!--当点击右上角的“+”按钮添加自定义页面后会出现下列这个li，否则不存在-->
        <li>
            <div class="left_circle">
                <div class="circle">
                    <span class="font20 colorfff">附</span>
                </div>
            </div>
            <div class="progress_content">
                <span class="font14 color4e4">附加1</span>
            </div>
            <div class="user_information_2">
                <span class="font12 colora29">张小亮亮</span>
                <a href="tel:18688888888" class="font12 colora29">186888888888</a>
            </div>
            <div class="progress_attached">
                <span class="font12 color796">17-06-29</span>
            </div>
            <div class="progress_attached_1">
                <span class="font12 color796">06:29</span>
            </div>
        </li>
    </ul>
</div>
<!--当总余时间剩余小于30分钟时span值为“请求援助”，当总余时间剩余小于60分钟时span值为“输入备注，说明原因”-->
<!--当总余时间剩余大于60分钟时该div不存在，当该订单状态为出现问题时span的值为“查看原因”-->
<div class="receipt">
    <div class="receipt_1">
        <span class="font14 colorfff">请求援助</span>
    </div>
</div>
</body>
</html>
